<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vueJS/VUE.js">
    </script>
</head>

<body>
    <!-- 也可以放表达式，只要是vue对象有的都可以放进去，包括模板的 -->
    <div id="root">
        <h1>插值语法 你好{{name}}</h1>
        <hr>
        <h1>指令语法</h1>
        <!-- v-bind让字符串变成表达式，去vue里面寻找 ，也可以直接省略为:-->
        <!-- 标签体里面用插值，在标签属性内用指令语法 -->
        <a v-bind:href="school.url" target="_blank">{{school.name}}</a>
        <a :href="school.url" target="_blank">百度</a>
    </div> 

    <script type="text/javascript">
        Vue.config.produtionTip = false

       new Vue({
           el:'#root',
           data:{
               name:'JACK',
               school:{
                   name:'百度',
                   url:"http:www.baidu.com"
               }
           }
       })
    </script>
</body>

</html>